<template>
  <div class="shoppingCar">
    <header>
      <h4>购物车</h4>
      <div class="serve"></div>
    </header>
    <car />
  </div>
</template>
<script>
import car from '@/components/shoppingCar/car'
export default{
  name: 'ShoppingCar',
  components: {
    car
  }
}
</script>
<style scoped lang="less">
  .shoppingCar{
    header{
      position: relative;
      height: 50px;
      h4{
        text-align: center;
        font-size: 1em;
        margin: 0;
        line-height: 50px;
        font-weight: normal;
      }
      .serve{
        width: 50px;
        height: 50px;
        background-image: url(../assets/img/class/Headerkefu.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 30px;
        position: absolute;
        top: 0;
        left: 20px;
      }
    }
  }
</style>